@extends('layouts.app')
@section('title', '达人问答')

@section('content')
    <!-- 筛选 -->
    <div class="screenBox">
        <div class="commonW">
            <div class="title"><h3>全部达人</h3></div>
            <div class="cont">
                <div class="rowDiv">
                    <h3>达人类别</h3>
                    <ul>
                        <li><a class="active" href="#" title="不限">不限</a></li>
                        <li><a href="#" title="前端开发">前端开发</a></li>
                        <li><a href="#" title="后端开发">后端开发</a></li>
                        <li><a href="#" title="移动开发">移动开发</a></li>
                        <li><a href="#" title="UI设计">UI设计</a></li>
                        <li><a href="#" title="不限">不限</a></li>
                        <li><a href="#" title="人工智能">人工智能</a></li>
                        <li><a href="#" title="云计算&大数据">云计算&大数据</a></li>
                        <li><a href="#" title="智能硬件&物联网">智能硬件&物联网</a></li>
                        <li><a href="#" title="操作系统">操作系统</a></li>
                        <li><a href="#" title="软件逆向">软件逆向</a></li>
                    </ul>
                </div>
                <div class="rowDiv">
                    <h3>擅长领域</h3>
                    <ul>
                        <li><a class="active" href="#" title="不限">不限</a></li>
                        <li><a href="#" title="C/C++">C/C++</a></li>
                        <li><a href="#" title="汇编">汇编</a></li>
                        <li><a href="#" title="JAVA">JAVA</a></li>
                        <li><a href="#" title="PHP">PHP</a></li>
                        <li><a href="#" title="Python">Python</a></li>
                        <li><a href="#" title="JavaScript">JavaScript</a></li>
                        <li><a href="#" title="C#/.Net">C#/.Net</a></li>
                        <li><a href="#" title="其他">其他</a></li>
                    </ul>
                </div>
                <div class="rowDiv">
                    <h3>擅长级别</h3>
                    <ul>
                        <li><a class="active" href="#" title="不限">不限</a></li>
                        <li><a href="#" title="入门">入门</a></li>
                        <li><a href="#" title="基础">基础</a></li>
                        <li><a href="#" title="中级">中级</a></li>
                        <li><a href="#" title="高级">高级</a></li>
                        <li><a href="#" title="项目实战">项目实战</a></li>
                    </ul>
                </div>
                <div class="rowDiv">
                    <h3>达人报价</h3>
                    <ul>
                        <li><a class="active" href="#" title="¥0-50">¥0-50</a></li>
                        <li><a href="#" title="¥50-100">¥50-100</a></li>
                        <li><a href="#" title="¥100-500">¥100-500</a></li>
                        <li><a href="#" title="¥500-1000">¥500-1000</a></li>
                        <li><a href="#" title="¥1000-2500">¥1000-2500</a></li>
                        <li><a href="#" title="¥2500以上">¥2500以上</a></li>
                    </ul>
                    <div class="cashRange">
                        <form role="form1">
                            <div class="form-group">
                                <input type="text" class="form-control" id="" placeholder="¥">
                            </div>
                            <span>--</span>
                            <div class="form-group">
                                <input type="text" class="form-control" id="" placeholder="¥">
                            </div>
                            <button type="submit" class="cashRangeBtn">确定</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="screenNav">
        <form role="form2">
            <ul class="nav nav-pills fl">
                <li role="presentation" class="active"><a href="#" title="综合排序">综合排序</a></li>
                <li role="presentation"><a href="#" title="等级">等级</a></li>
                <li role="presentation"><a href="#" title="人气">人气</a></li>
                <li role="presentation"><a href="#" title="信誉">信誉</a></li>
                <li role="presentation"><a href="#" title="免费">免费</a></li>
                <li role="presentation" class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                        价格<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
            <div class="form-group fl">
                <label class="checkbox-inline">
                    <input type="checkbox" value="option1" class="fr">离线
                </label>
            </div>
            <div class="searchSx fr">
                <p>60个结果</p>
                <div class="form-group">
                    <input type="text" class="form-control" id="" placeholder="输入搜索词">
                    <button type="submit" class="searchBtn"></button>
                </div>
                <a href="#"><img src="img/icon_sm08.png" alt=""></a>
                <a href="#"><img src="img/icon_sm09.png" alt=""></a>
            </div>
        </form>
    </div>

    <!-- 问答主体 -->
    <div class="qaCont">
        <div class="bigCont">
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
            <div class="module">
                <div class="infoTop">
                    <img src="img/tx_01.jpg" alt="">
                    <div class="word">
                        <h3>WebCailan</h3>
                        <p>等级：<i>L1</i>好评率：<i>99%</i></p>
                        <p>某互联网公司</p><p>后端工程师</p>
                    </div>
                </div>
                <div class="labelBox">
                    <a href="#" title="es6">es6</a>
                    <a href="#" title="reactjs">reactjs</a>
                    <a href="#" title="html5"><img src="img/icon_sm01.png" alt="" title="html5">html5</a>
                    <a href="#" title="java"><img src="img/icon_sm02.png" alt="" title="java">java</a>
                </div>
                <a class="quizBtn" href=""><i>¥ 9.90</i>向他提问</a>
            </div>
        </div>
    </div>
    <a href="#" class="qaCont_moreMaster">加载更多达人</a>

@stop
@section('script')
    <script>

    </script>
@stop